<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>学院首页</title>
<link href="css/index.css" rel="stylesheet" type="text/css">
<script language="javascript" src="js/index.js" type="application/javascript"></script>

</head>

<body>

      <div class="top">
         <div class="logo"><img src="images/logo.jpg" /></div>
         <div class="pic01"><img src="images/pic01.gif" /></div>
         <div class="options">
         <!--home begin-->
            <div class="home">
        	    <span></span>
 	 			<a href="#">我的收藏</a>
  				<em></em>
 	 			<div id="list">
 			   		<a href="#">收藏的图书</a>
	 				<a href="#">收藏的视频</a>
 	 			</div>
            </div>
            <!--home end-->
            <div id="lx" class="fav">
	 			<span></span>
  				<a href="#">联系客服</a>
		   </div>

        </div>
    </div>
    <div class="nav">
       <div class="nav_con">
           <ul>
                <li class="cur"><a href="#"><span>首 页</span></a></li>
                <li><a href="#"><span>课程介绍</span></a></li>
                <li><a href="#"><span>教程下载</span></a></li>
                <li><a href="#"><span>师资力量</span></a></li>
                <li><a href="#"><span>就业信息</span></a></li>
                <li><a href="#"><span>学员作品</span></a></li>
                <li><a href="#"><span>校园生活</span></a></li>
                <li><a href="#"><span>报名流程</span></a></li>
                <li><a href="#"><span>常见问题</span></a></li>
                <li><a href="#"><span>来校路线</span></a></li>
            </ul>
        </div>    
    </div>
      <div class="banner">
          <div class="banner_pic" id="banner_pic">
     			<div class="pic"><img src="images/01.jpg" alt="" /></div>
     			<div class="pic"><img src="images/02.jpg" alt="" /></div>
     			<div class="current"><img src="images/03.jpg" alt="" /></div>
     			<div class="pic"><img src="images/04.jpg" alt="" /></div>
     		</div>
     		<ol id="button">
     			<li class="but">1</li>
     			<li class="but">2</li>
     			<li class="current">3</li>
     			<li class="but">4</li>
     		</ol>

      </div>
      <div class="stages">
      		<div class="stages_title">通知公告</div>
            <div class="stages_con">
            <marquee onMouseOut="this.start()" onMouseOver="this.stop()" width="898px" scrollamount="20">
            <ul>
 					<li><a href="#">【广州喜讯】报名网页平面UI就业班喜送基础班</a></li>
 					<li><a href="#">史上最难就业年，怎么办？到传智免费学PS吧！</a></li>
 			</ul>
            </marquee>

            </div>
      </div>
      <div class="content">
                  <!--content begin-->
            <div class="line1">
            <!--left begin -->
                    <div class="left">
                        <div class="module"><!--专业建设-->
                        	<div class="title">
                            	<div class="title_left"></div>
                                <div class="title_right"><span></span>示范专业建设模块</div>
                            
                            </div>
                            <div class="module_con">
                               <div class="san"></div>
                               <ul>
                                    <li><span></span><a href="#">人才培养</a></li>
                                    <li><span></span><a href="#">课程体系</a></li>
                                    <li><span></span><a href="#">教学改革</a></li>
                                    <li><span></span><a href="#">实习实训</a></li>
                                    <li><span></span><a href="#">师资队伍</a></li>
                                    <li><span></span><a href="#">校企互联</a></li>
                                    <li><span></span><a href="#">示范效应</a></li>
                                    <li><span></span><a href="#">more</a></li>
                                </ul>

                            </div>
                        </div><!--专业建设-->
                        <div class="job"><!--招聘-->
                            <div class="job_title"><span></span>招聘信息<em></em></div>
                            <div class="job_con">
                                <ul>
                                    <li><span></span><a href="#">北京石和信息科技招聘UI设计</a></li>
                                    <li><span></span><a href="#">上海微网络科技招聘前端工程师</a></li>
                                    <li><span></span><a href="#">永特互动网络公司招聘前端工程师</a></li>
                                    <li><span></span><a href="#">北京兰彩虹科技招聘UI设计实习生</a></li>
                                    <li><span></span><a href="#">上海易网络科技招聘JS前端工程师</a></li>
                                </ul>
                            </div>
                       </div><!--招聘-->
                    </div>
                    <!--left end -->
                    <!--center begin -->
                    <div class="center">
                        <!--message-->
                        <div class="message">
                          <div class="message_title">
                                <ol id="m_essage">
                                    <li class="current"><a href="#" ><span>专业动态</span></a></li>
                                    <li><a href="#"><span>行业动态</span></a></li>
                                </ol>
		                        <div class="more"><a href="#"><img src="images/more.gif" align="middle" /></a></div>
	                       </div>
	<div id="message_con">
                <dl class="current">
                    <dt class="message_left"></dt>
                    <dd class="message_right">
                        <ul class="left_ul">
                            <li><span></span><a href="#">网页平面设计学院七期班香山游</a></li>
                            <li><span></span><a href="#">传智播客网页平面六期久违的体育课</a></li>
                            <li><span></span><a href="#">网页平面设计学院四期班奥林匹克公园一日游</a></li>
                            <li><span></span><a href="#">网页平面设计学院三期班798艺术区一日游</a></li>
                            <li><span></span><a href="#">网页平面设计学院二期班自助烧烤</a></li>
                        </ul>
                        <ul class="right_ul">
                            <li><a href="#">2013/06</a></li>
                            <li><a href="#">2013/06</a></li>
                            <li><a href="#">2013/06</a></li>
                            <li><a href="#">2013/06</a></li>
                            <li><a href="#">2013/07</a></li>
                        </ul>
                    </dd>
                  </dl>
		  <dl>
		  	<dt class="message_left1"></dt>
		  	<dd class="message_right">
		  		<ul class="left_ul">
		  			<li><span></span><a href="#">学网络营销拿项目实战奖金，学习赚钱两不误！</a></li>
		  			<li><span></span><a href="#">第一季“中国好毕设,找传智播客”活动盛大启动</a></li>
		  			<li><span></span><a href="#">政府扶持良心教育企业,郑州校区学费再减1000元</a></li>
		  			<li><span></span><a href="#">PHP学院落户上海滩，让你一年多赚10万元</a></li>
		  			<li><span></span><a href="#">游戏开发学院震撼开启，基础班全免费！</a></li>
		  		</ul>
		  		<ul class="right_ul">
		  			<li><a href="#">2013/07</a></li>
		  			<li><a href="#">2013/07</a></li>
		  			<li><a href="#">2013/06</a></li>
		  			<li><a href="#">2013/07</a></li>
		  			<li><a href="#">2013/06</a></li>
		  		</ul>
		  	</dd>
		 </dl>
		</div>
	</div>

                        <!--message-->
                        <!--teacher-->
                        <div class="teacher"></div>
                        <!--teacher-->
                    </div>
                    <!--center end -->
                    <!--right begin -->
                    <div class="right">
                        <!--courses-->
                        <div class="courses"></div>
                        <!--courses-->
                        <!-- questions-->
                        <div class="questions"></div>
                        <!-- questions-->
                    </div>
                    <!--right end -->
           </div>
            <div class="line2">
                <!--data begin -->
                <div class="data"></div>
                <!--data end -->
                <!--book begin -->
                <div class="book"></div>
                <!--book end -->
            </div>
            <!--content end-->
      </div>
      <div class="footer"></div>
</body>
</html>
